import i18n from "i18next"
import { initReactI18next } from "react-i18next"
import en from "./resources/en/index.json"
import zh_CN from "./resources/zh_CN/index.json"
import { getLocaleLan } from "../utils/helper"

const resources = {
  en: {
    translation: en,
  },
  zh_CN: {
    translation: zh_CN,
  },
}

const initI18n = () => {
  const initialLanguage = getLocaleLan()

  i18n
    .use(initReactI18next) // passes i18n down to react-i18next
    .init({
      resources,
      lng: initialLanguage, // language to use, more information here: https://www.i18next.com/overview/configuration-options#languages-namespaces-resources
      // you can use the i18n.changeLanguage function to change the language manually: https://www.i18next.com/overview/api#changelanguage
      // if you're using a language detector, do not define the lng option
      interpolation: {
        escapeValue: false, // react already safes from xss
      },
    })
}

initI18n()
